// 从 vue-router框架中 导入 createRouter和createWebHistory函数
import { createRouter, createWebHistory } from "vue-router";

// 定义变量
let router = createRouter({

    // 路由历史
    history: createWebHistory(),

    // 配置路由，是一个数组，可以配置多个路由
    routes: [
        // 登录页面
        {
            // 路由路径
            path: '/',
            // 路由路径所对应的页面
            component: () => import('../view/LoginView.vue')
        },
        // 系统首页（仪表台）
        {
            path: '/dashboard',
            component: () => import('../view/DashboardView.vue'),
            // 子路由
            children: [
                // 统计图表
                {
                    path: '',
                    component: () => import('../view/StatisticView.vue')
                },
                // 用户管理
                {
                    // 注意：子路由的路由路径前面不能有 / ，框架会自动添加
                    path: 'user',
                    component: () => import('../view/UserView.vue')
                },
                // 用户详情
                {
                    // id为动态变量，要查询详情用户的id
                    // :id叫动态路由
                    path: 'user/detail/:id',
                    component: () => import('../view/UserDetailView.vue')
                },
                // 市场活动
                {
                    path: 'activity',
                    component: () => import('../view/ActivityView.vue')
                },
                // 市场活动录入
                {
                    path: 'activity/add',
                    component: () => import('../view/ActivityRecordView.vue')
                },
                // 市场活动编辑
                {
                    path: 'activity/edit/:id',
                    component: () => import('../view/ActivityRecordView.vue')
                },
                // 市场活动详情
                {
                    path: 'activity/detail/:id',
                    component: () => import('../view/ActivityDetailView.vue')
                },
                // 线索管理
                {
                    path: 'clue',
                    component: () => import('../view/ClueView.vue')
                },
                // 线索录入
                {
                    path: 'clue/add',
                    component: () => import('../view/ClueRecordView.vue')
                },
                // 线索编辑
                {
                    path: 'clue/edit/:id',
                    component: () => import('../view/ClueRecordView.vue')
                },
                // 线索详情
                {
                    path: 'clue/detail/:id',
                    component: () => import('../view/ClueDetailView.vue')
                },
                // 客户管理
                {
                    path: 'customer',
                    component: () => import('../view/CustomerView.vue')
                },
                // 客户详情
                {
                    path: 'customer/detail/:id',
                    component: () => import('../view/CustomerDetailView.vue')
                },
                // 交易管理
                {
                    path: 'tran',
                    component: () => import('../view/TranView.vue')
                },
                // 交易详情
                {
                    path: 'tran/detail/:id',
                    component: () => import('../view/TranDetailView.vue')
                },
                // 产品管理
                {
                    path: 'product',
                    component: () => import('../view/ProductView.vue')
                },
                // 字典类型
                {
                    path: 'dicType',
                    component: () => import('../view/DicTypeView.vue')
                },
                // 字典数据
                {
                    path: 'dicValue',
                    component: () => import('../view/DicValueView.vue')
                },
                // 角色管理
                {
                    path: 'role',
                    component: () => import('../view/RoleView.vue')
                },
                // 查看角色的权限
                {
                    path: 'role/permission/:id',
                    component: () => import('../view/RolePermissionView.vue')
                },
                // 查看角色的用户
                {
                    path: 'role/user/:id',
                    component: () => import('../view/RoleUserView.vue')
                }
            ]
        }
    ]
})

// 导出变量
export default router;

